import React from 'react'
import ReactDOM from 'react-dom/client'

function SplitPane (props) {
    return (
        <div>
            <div>{props.left}</div>
            <div>{props.right}</div>
        </div>
    )
}

function App () {
    return (
        <SplitPane left={<h1>left</h1>} right={<p>right</p>} />
    )
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />)